<template>
	<view>
		<cu-custom title="" ></cu-custom>
		
		<view class="changetext ch-b">接收验证码：183****2920</view>
		<view class="changetext-1">绑定银行卡需要进行短信验证</view>
		<view class="uni-form-item uni-column in-text b-g-w m-a-0">
			<view class="title">验证码</view>
			<input class="uni-input" focus placeholder="请输入验证码" />
			<view class="send-m">已发送(55)</view>
		</view>
		
		<view class="uni-form-item uni-column in-text b-t-n b-u-c">
			<button> 下一步</button>
		</view>
		
		
		
	</view>
</template>

<script>
	import xskCodeInput from "@/components/xsk-code-input/xsk-code-input";
	export default {
		 components: {xskCodeInput},
		data() {
			return {
				 array: ['身份证', '现役军人证'],
				 index: 0,
			}
		},
		methods: {
			 bindPickerChange: function(e) {
			             console.log('picker发送选择改变，携带值为', e.detail.value)
			             this.index = e.detail.value
			         },
		}
	}
</script>

<style lang="less" scoped>
	.ch-b{  margin-bottom: 10rpx;}
	.in-text{ display:flex; width: 90%; margin: 0 5%; border-bottom: 1px solid #eee; padding: 40rpx 0;
	.title{ width: 25%; font-size: 30rpx; color: #000; padding-left: 5%;}
	input{ font-size: 30rpx;}
	}
body{background-color: #fff !important;}
.m-b-h{ height: 100vh; background-color: #fff !important;}
.changetext{ text-align: center; font-size: 40rpx; padding-top: 52rpx;}
.changetext-1{ text-align: center; font-size: 30rpx; padding-top: 10rpx; color: #999; margin-bottom: 50rpx;}
.in-text input:-moz-placeholder
t {  
    color: #F6F6F6;  
}  
.in-text input:-ms-input-placeholder 
 {  
    color: #F6F6F6;  
}  
.in-text input::-webkit-input-placeholder  
 {  
    color: #F6F6F6 !important;  
}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 100%; border-radius: 50rpx;}
input{ width: 45%; height: 120rpx; line-height: 1 20rpx;}
.b-g-w{ background: #fff; margin-left:0; margin-right:0; width: 100%;}
.send-m{ background:#F4F4F4 ; padding: 0rpx 28rpx; display: block; border-radius: 25px; color: #999; height: 80rpx; line-height: 80rpx; margin-top: 20rpx;}
.m-a-0{ padding-top:0 ;padding-bottom:0 ; height: 120rpx; line-height: 120rpx;}
</style>
